/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
}
input[type=button]:focus,input[type=submit]:focus{outline:none;}  /*IE*/
input[type=button]::-moz-focus-inner{outline:0;}  /*firefox*/
body {
	font: 12px/1.8 Arial, Helvetica, sans-serif, 宋体b8b\4f53;
	background: url(images/bg.png) repeat-x;
}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after {
	content: "\20";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearfix {
 *zoom:1;
	display: inline-block
}
.clearfix {
	display: block
}
.clear {
	clear: both;
}
/* reset end */
.content {
	width: 760px;
	margin: 0 auto;
}
.header {
	background: url(images/header.jpg) no-repeat center top;
}
.main {
	background: url(images/mainbg.png) no-repeat center top;
}
.intro {
	font:16px/1.5 \5fae\8f6f\96c5\9ed1\000d\000a;
	color: #005a8a;
	width: 500px;
	text-align: center;
	margin-left: 40px;
}
.content h1 {
	background: url(images/sprites.png) no-repeat 0 -64px;
	color: #005a8a;
	font: bold 18px/1.3 \5fae\8f6f\96c5\9ed1\000d\000a;
	padding:3px 0 0 6px;
	*padding:4px 0 0 6px;
	margin:30px 0 10px;
	height:30px;
	*height:29px;
}
.content h1 span{
	font:12px \5b8b\4f53;
	color:#fff;
	margin-left:20px;
}
.rule, .fish{
	float: left;
	font-size:14px;
	line-height:1.5;
	color: #024e76;
}
.rule{
	width:370px;
	*width:365px;
	margin:0 10px 0 18px;
	*margin:0 15px 0 0;
}
.rule li{
	list-style:decimal;
	*list-style:decimal inside;
	margin-bottom:12px;
	vertical-align:middle;
}
.hander{
	position:relative;
	z-index:1;
}
.hander img{
	background:#fff;
	position:absolute;
	z-index:1;
	top:-15px;
}
.rank{
	background:url(images/sprites.png) no-repeat 0 0;
	width:157px;
	height:60px;
	border:0 none;
	cursor:pointer;
	font:bold 18px/18px \5fae\8f6f\96c5\9ed1\000d\000a;
	color:#623e00;
	padding-left:25px;
}
.tips{
	margin-top:10px;
	font-size:12px;
}
.tips span{
	color:#894300;
}
.fish ul{
	border-bottom:1px solid #0f9ada;
	border-top:1px solid #026796;
	*width:320px;
}
.fish ul li{
	width:70px;
	height:40px;
	vertical-align:middle;
	float:left;
	background:#057fb7;
	padding:3px 0 3px 10px;
	font:16px/40px \5fae\8f6f\96c5\9ed1\000d\000a;
	color:#fff;
	overflow:hidden;
}
.other{
	padding-bottom:210px;
}
.other dl{
	float:left;
	margin-right:25px;
	*margin-right:22px;
	position:relative;
	z-index:1;
}
.other dt{
	border:1px solid #50c6fa;
	background:#0d8fcb;
	width:120px;
	text-align:center;
}
.other .num{
	background:url(images/sprites.png) no-repeat 0 -163px;
	height:25px;
	text-indent:-12345px;
	margin-top:10px;
}
.num.b1000{
	margin-left:28px;
}
.num.b2000{
	background-position:0 -192px;
	margin-left:28px;
}
.num.b5000{
	background-position:0 -227px;
	margin-left:28px;
}
.num.b10000{
	background-position:0 -258px;
	margin-left:22px;
}
.num.b30000{
	background-position:0 -289px;
	margin-left:22px;
}
.other img{
	margin:8px 0;
}
.title{
	background:#006d9f;
	padding:3px 0;
	color:#fff;
}
.get,
.getted{
	background:url(images/sprites.png) no-repeat 0 -98px;
	width:91px;
	height:25px;
	text-indent:-12345px;
	border:0 none;
	margin-top:10px;
	cursor:pointer;
	outline:none;
	position:absolute;
	z-index:1;
	left:15px;
}
.getted{
	background-position:0 -127px;
	cursor:default;
}

.ranking{
	background:url(images/rank.png) no-repeat 0 0;
	width:516px;
	height:433px;
	position:absolute;
	z-index:999;
	top:160px;
	left:500px;
}
.ranking table{
	width:305px;
	font:16px/1.9 \5fae\8f6f\96c5\9ed1\000d\000a;
	color:#5f2e00;
	margin:88px 0 0 180px;
	*line-height:30px;
	*margin:90px 0 0 180px;
}
.delete{
	background:url(images/rank.png) no-repeat -7px -434px;
	display:block;
	width:35px;
	height:35px;
	position:absolute;
	right:40px;
	top:20px;
	text-indent:-12345px;
}